/**
 * File: Home.js
 * Project: App
 * Created Date: Thursday 2018/03/08 15:08:16
 * Author: zhengjiang
 * -----
 * Last Modified: Monday 2018/03/12 15:15:43
 * Modified By: zhengjiang
 * -----
 * Description: 
 * 
 */

import React, { Component } from 'react';
import { Image, StyleSheet, TouchableOpacity, View, Text, StatusBar } from 'react-native';

export default class Home extends Component {
	constructor(props) {
		super(props);
    }
    
    pick1 = () => {
        this.props.navigation.navigate('Camera');
    }
    pick2 = () => {
        this.props.navigation.navigate('ImagePicker');
    }
    pick3 = () => {
        this.props.navigation.navigate('Photos');
    }
    pick4 = () => {
        this.props.navigation.navigate('AlbumView');
    }

    render(){
        return (
            <View style={styles.container}>
                <StatusBar animated hidden />
                <TouchableOpacity onPress={this.pick1} style={styles.btn}>
                    <Text>拍照1</Text>
                </TouchableOpacity>
                <TouchableOpacity onPress={this.pick2} style={styles.btn}>
                    <Text>拍照2</Text>
                </TouchableOpacity>
                <TouchableOpacity onPress={this.pick3} style={styles.btn}>
                    <Text>系统相册</Text>
                </TouchableOpacity>
                <TouchableOpacity onPress={this.pick4} style={styles.btn}>
                    <Text>系统相册2</Text>
                </TouchableOpacity>
            </View>
        )
    }
}

const styles = StyleSheet.create({
	container: {
		flex: 1,
		justifyContent: 'center',
		alignItems: 'center'
	},
	btn: {
		padding: 10
	}
});